<!--首页进去的商品详情页面-->
<title>商品详情</title>
<!--标题栏-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left sliding"><a href="#" class="back link"><i class="icon icon-back"></i></a>
        </div>
        <div class="center sliding">{{title}}</div>
        <div class="right"></div>
    </div>
</div>
<!--内容-->
<div class="pages navbar-through toolbar-through">
    <div data-page="goods-detail" class="page goods-detail no-navbar">
        <div id="goods-tools" class="toolbar toolbar-bottom toolbar-fixed">
            <div class="row no-gutter">
                <a href="#" class="button order-countdown col-auto">倒计时</a>
                <a href="#" data-popup=".order-order" class="button order-share col-auto open-popup">￥{{price}}限时购买</a>
            </div>
        </div>

        <div class="float-tool">
            <a href="./order/order.html">我的订单</a>
            <div class="divider-line"></div>
            <a href="#" class="back">更多商品</a>
            <div class="divider-line"></div>
            <a href="#" class="back">分享赚钱</a>
        </div>

        <div class="page-content">
            <div class="list-block">
                <ul>
                    <li>
                        <div class="row">
                            <img src="{{image}}" style="width: 100%;height: 210px">
                        </div>
                        <span class="row goods-desc">{{description}}</span>
                        <span class="now-price">￥{{price}}<s>原价：{{prePrice}}</s></span>
                        <div class="goods-chip">
                            {{#each chips}}
                            <div class="chip">
                                <div class="chip-label">{{label}}</div>
                            </div>
                            {{/each}}
                        </div>
                    </li>
                    <li class="li-divider-15"></li>
                    <li class="goods-desc-item">
                        <div class="desc-title">产品介绍</div>
                        <div class="divider-line"></div>
                        <div class="desc-text">网页编辑内容</div>
                    </li>
                    <li class="li-divider-15"></li>
                    <li class="goods-desc-item">
                        <div class="desc-title">购买须知</div>
                        <div class="divider-line"></div>
                        <div class="desc-text">网页编辑内容</div>
                    </li>
                    <li class="li-divider-15"></li>
                    <li class="goods-desc-item">
                        <div class="desc-title">联系我们</div>
                        <div class="divider-line"></div>
                        <div class="desc-text">网页编辑内容</div>
                    </li>

                </ul>
            </div>
        </div>


        <!--确认订单的弹框 -->
        <div class="popup order-order" style="background-color: transparent">
            <div class="close-popup close-bg"></div>
            <form>
                <div class="content-block">
                    <div class="order-order-content">
                        {{#if needTime}}
                        <div class="row">
                            <span>日期</span>
                            <div id="date_btn_row" class="row" style="padding: 0">
                                <input name="date" value="" id="selected_date" hidden>
                                <a class="button more-date-btn open-popup" data-popup=".order-time-popup">更多时间</a>
                            </div>
                        </div>
                        <div class="divider-line"></div>
                        {{/if}}
                        <div class="row">
                            <span>数量</span>
                            <div class="number-operation row">
                                <a class="btn-decrease"></a>
                                <input id="goods_number" type="number" name="number" value="1">
                                <a class="btn-add"></a>
                            </div>
                        </div>
                        <div class="divider-line"></div>
                        <div class="row">
                            <span>联系人</span>
                            <input name="username" value="{{@global.username}}"/>
                        </div>
                        <div class="divider-line"></div>
                        <div class="row">
                            <span>手机号</span>
                            <input value="{{@global.phone}}"/>
                        </div>
                    </div>

                    <div class="row order-order-tool">
                        <div class="col-60 total-price">
                            <span>订单总额：</span>
                            <span style="color: red">￥</span>
                            <span style="color: red" id="order-total">123</span>
                        </div>
                        <a href="#" onclick="topay()" class="col-40 button order-pay close-popup">提交订单</a>
                    </div>
                </div>
            </form>
        </div>


        <div class="popup order-time-popup">
            <div class="close-popup close-bg" data-popup=".order-time-popup"></div>
            <div class="content-block">
                <div class="content-block-inner">
                    <div id="time-calendar-inline-container"></div>
                </div>
            </div>

        </div>

    </div>
</div>

